<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../src/styles/register-son.css">
    <link rel="stylesheet" href="../src/styles/nav.css">
</head>
<body>
    <form action="../interface/reg.php" method="get">

    <div class="site-nav">
        <div class="site-nav-bd">
            <ul class="site-nav-bd-l">
                <li>
                    <div>
                        <a href="" class="first">亲，请登录</a>
                        <a href="">免费注册</a>
                    </div>
                </li>
                <li><a href="">手机逛淘宝</a></li>
                <li><a href="">网页无障碍</a></li>
            </ul>

            <ul class="site-nav-bd-r">
                <li><a href="">淘宝首页</a></li>
                <li class="bg">
                    <a href="">我的淘宝</a>
                    <ul>
                        <li><a href="">已买到的宝贝</a></li>
                        <li><a href="">我的足迹</a></li>
                    </ul>
                </li>
                <li><a href="">购物车</a></li>
                <li class="bg">
                    <a href="">收藏夹</a>
                    <ul>
                        <li><a href="">收藏的宝贝</a></li>
                        <li><a href="">收藏的店铺</a></li>
                    </ul>
                </li>
                <li><a href="">商品分类</a></li>
                <li>|</li>
                <li class="bg">
                    <a href="">千牛卖家中心</a>
                    <ul>
                        <li><a href="">开店入驻</a></li>
                        <li><a href="">已卖出的宝贝</a></li>
                        <li><a href="">出售中的宝贝</a></li>
                        <li><a href="">卖家服务市场</a></li>
                        <li><a href="">卖家培训中心</a></li>
                        <li><a href="">体验中心</a></li>
                        <li><a href="">电商学习中心</a></li>
                    </ul>
                </li>
                <li class="bg"><a href="">联系客服</a></li>
            </ul>
        </div>
    </div>   


    <div class="pape">
        <a href="./nav.html"><img src="..//src/img/淘宝网logo.png" alt="" class="logo"></a>
        <div>用户注册</div>
    </div>

    <!-- 容器 -->
    <div class="register-son-container">
        <!-- 版心 -->
        <div class="reg-form">
            <!-- 主体 -->
            <div class="reg-form-item">
                <span>手机号码</span>
                <div class="reg-form-item-r">
                    <div class="cnph">中国大陆   +86</div>
                    <div class="am-input">
                        <input type="tel" placeholder="请输入你的手机号码" name = 'username' id="username">
                    </div>
                </div>
            </div>

            <div class="reg-form-item">
                <span style="display: inline-block;width: 56px;text-align: right;">验证码</span>
                <div class="reg-form-item-r" style="width: 314px;">

                    <div class="am-input" style="float: left;">
                        <input type="tel" placeholder="请输入验证码" name ='password' id="password">
                        <a href="" >获取验证码</a>
                    </div>
                </div>
            </div>

            <input type="submit" class="am-button"><span></span></input>

            <div class="fm-agreement">
                <input type="checkbox" name="radio1" vlaue="value1" class="check-box"/>
                <p>
                    已阅读并同意以下协议
                    <a href="">淘宝平台服务协议、隐私权政策、法律声明、支付宝客服端服务协议</a>
                </p>
            </div>

            <div class="to-email-reg">
                <a href=""><span>切换成企业账户注册</span></a>
            </div>
        </div>
    </div>
</form>
</body>
</html>